<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>“外部尺寸”block元素的流动性示意 » CSS世界demo演示</title>
		<link rel="stylesheet" href="./ch03_width_auto_block.css">
	</head>
	<body>
		<div class="main">
			<p>
				官方例子: <a href="https://demo.cssworld.cn/3/2-3.php">https://demo.cssworld.cn/3/2-3.php</a>
			</p>
		
			<h4>无宽度，借助流动性</h4>
			<div class="nav">
			  <a href="" class="nav-a">导航1</a>
			  <a href="" class="nav-a">导航2</a>
			  <a href="" class="nav-a">导航3</a>
			  <a href="" class="nav-a">导航4</a>
			</div>
			<h4>width:100%</h4>
			<div class="nav">
			  <a href="" class="nav-a width">导航1</a>
			  <a href="" class="nav-a width">导航2</a>
			  <a href="" class="nav-a width">导航3</a>
			  <a href="" class="nav-a width">导航4</a>
			</div>
		
		</div>
	</body>
</html>